<template>
    <div>
        <el-tabs v-model="activeName" @tab-click="handleClick">
            <el-tab-pane label="薪资管理" name="first">
                <salary></salary>
            </el-tab-pane>
            <el-tab-pane label="薪资档案" name="second">
                <payrollfile></payrollfile>
            </el-tab-pane>
            <el-tab-pane label="历史工资" name="third">
                <Historicalwage></Historicalwage>
            </el-tab-pane>
            <el-tab-pane label="发放记录" name="fourth">
                <Releasercord></Releasercord>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>
<script>
import salary  from '../../components/salary/salary.vue'
import Historicalwage from '../../components/salary/historicalwage.vue'
import Releasercord from '../../components/salary/releaserecord.vue';
import payrollfile from '../../components/salary/payrollfile.vue';
export default {
    components:{
        salary,
        Historicalwage,
        Releasercord,
        payrollfile,
      },
    data() {
      return {
        activeName: 'first'
      };
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      }
    }
  };
</script>
<style scoped></style>